<template>
    <!-- 顶部组件 -->
    <AppNavbar />
    <!-- 头部组件 -->
    <AppHeader />

    <!-- 内容容器 -->
    <div class="main">
     <!-- 二级路由 -->
     <router-view></router-view>
    </div>
    <!-- 底部组件 -->
    <AppFooter />
</template>

<script>
   import AppNavbar from '@/components/app-navbar.vue'
   import AppHeader from '@/components/app-header.vue'
   import AppFooter from '@/components/app-footer.vue'
    export default {
        name:'Layout',
        components:{
            AppNavbar,
            AppHeader,
            AppFooter
        }
    }
</script>

<style lang="less" scoped>

</style>